<template>
  <div>
    <h3 ref='hh'>{{msg}}</h3>
    <button @click="change">点我修改</button>
  </div>
</template>

<script>


export default {
  

data(){
  return{
   msg:'你好世界'
  }
},
methods:{
 change(){
   this.msg = 'hello,world'
  //  vue 中DOM更新是异步的
  //  console.log(this.$refs.hh.innerHTML)
  // $nextTick在DOM更新之后执行，里面跟着回调函数
  this.$nextTick(()=>{
    console.log(this.$refs.hh.innerHTML)
  })
 }
  
}
}
</script>

<style>

</style>